<template>
  <el-dialog :visible.sync="detailVis" width="1300px" title="当前库所有单位">
    <div class="box">
      <el-table :data="detailList">
        <el-table-column
          label="单位名称"
          align="left"
          prop="unit_name"
          width="200"
        />
        <el-table-column label="项目名称" align="left" prop="extract_item" width="500" />
        <el-table-column label="扣分原因" align="left" prop="rule_name" />
        <el-table-column label="所扣分数" align="left" prop="deduct_score" />

        <!-- <el-table-column
          label="工程费用（万元）"
          align="left"
          prop="extractPrice"
        />
        <el-table-column label="中介机构服务费" align="left" prop="maxPrice" />
        <el-table-column label="抽取库" align="left" prop="unitTypeName" />
        <el-table-column label="操作" align="left" prop="operate">
          <template slot-scope="scope">
            <el-button type="text" @click="handleClick(scope.row)"
              >查看</el-button
            >
          </template>
        </el-table-column> -->
      </el-table>
    </div>
  </el-dialog>
</template>

<script>
export default {
  props: ["detailVisible", "detailList"],
  data() {
    return {};
  },
  methods: {
    handleClick(row) {
      this.$emit("detailInfo", row);
    },
  },
  computed: {
    detailVis: {
      get() {
        return this.detailVisible;
      },
      set(value) {
        this.$emit("update:detailVisible", value);
      },
    },
  },
};
</script>

<style scoped>
::v-deep .el-table .cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
::v-deep .el-table .cell:hover {
  white-space: normal;
}
.box {
  height: 700px;
  overflow: auto;
}
</style>